html, body, div, a, ul, li, ol { margin: 0; padding: 0; }
ol, ul, li, a { list-style: none; text-decoration: none;/*去掉a标签的下划线*/ color: black; }
html, body { font-size: 16px; }

/* 头部 */
#top { height: 182px; min-width: 1000px; background-color: pink; margin: 0 auto; /*定位 不跑偏*/ background: url(../img/bg.png); }
.top-cen { width: 1000px; height: 182px; margin: 0 auto; background: url(../img/top_02.gif); }
.top-wz { width: auto; height: auto; margin-left: 35px; }
.top-wz li { float: left; width: 100px; margin-left: 3px; margin-top: 7px; color: black; text-align: right;/*向右对齐*/ }
.top-wz li a p { margin-top: 0; font-size: 12px; color: #B3B3B3; text-transform: uppercase;/*把字母转换成大写  */ }
.top-wz li a:hover { color: red; }
.top-wz li a p:hover { color: black; }

/* banner */
#banner { width: 100%; min-width: 1000px; height: 465px; margin: auto; background: url(../img/banner1.png) repeat-x; background-position: center;/*背景居中*/ position: relative;/*相对定位*/ }
.banner-ul { width: 1000px; height: 34px; position: absolute;/*绝对定位*/ bottom: 0; left: 50%; margin-left: -500px; }
#banner>a { display: black; width: 100%; height: 100%; }
.banner-ul li { width: 200px; margin-left: 7px; height: 34px; float: left; color: white; line-height: 34px; background-color: black; padding-left: 10px; font-size: 12px; }
#banner-left { width: 50px; height: 34px; background: url(../img/arr.png); background-position: 0 0; margin-left: 0; }
#banner-right { width: 50px; height: 34px; background-color: blue; background: url(../img/arr.png); background-position: -57px 0; }
#banner-left:hover { background-position: 0 -34px; }
#banner-right:hover { background-position: -57px -34px; }
.banner-ul li:hover { background-color: red; }
#ce { width: 1000px; height: 100px; margin: 2px auto; }
#ce>div { float: left; height: 98px; }
#ce>div>a { display: block; width: 100%; height: 100%; }
.ce-1 { width: 258px; background: url(../img/cen1.gif); margin-left: 2px; }
.ce-2 { width: 189px; background: url(../img/cen2.gif); }
.ce-3 { width: 184px; background: url(../img/cen3.gif); position: relative; }
.ce-4 { width: 359px; background: url(../img/cen4.gif); }

/* 圆圈 */
.ce-3>div { width: 41px; height: 41px; position: absolute; border-radius: 50%; top: 45px; }
.ce-3-1 { left: 30px; background: url(../img/y_07.gif); }
.ce-3-2 { left: 72px; background: url(../img/y_08.gif); }
.ce-3-3 { left: 115px; background: url(../img/y_09.png); }
.ce-3>div>a { display: block; width: 100%; height: 100%; }
.ce-3>div:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }


/* 底部*/
#batten { height: 645px; min-width: 1000px; background-color: #2E2E2E; margin: 20px auto; /*定位 不跑偏*/ }
.batten-1 { height: 350px; width: 1000px; margin: auto; min-width: 1000px; background: #2E2E2E; }
.batten-1-left { width: 300px; height: 240px; float: left; background: url(../img/bottom.gif) no-repeat; position: relative; margin-top: 15px; }
.batten-1-left>p { position: absolute; color: #929292; bottom: 68px; left: 125px; font-size: 12px; }
.batten-1-left>span { position: absolute; color: #929292; bottom: 41px; left: 125px; font-size: 12px; }
.batten-1-right { width: 630px; height: 350px; float: right; position: relative; }
.battem-2 { position: absolute; left: 160px; top: 0; }
.battem-3 { position: absolute; left: 320px; top: 0; }
.battem-4 { position: absolute; left: 480px; top: 0; }
.battem-6 { position: absolute; left: 160px; top: 153px; }
.battem-1, .battem-2, .battem-3, .battem-4, .battem-5, .battem-6 { width: 150px; height: 140px; }
.battem-1 p, .battem-2 p, .battem-3 p, .battem-4 p, .battem-5 p, .battem-6 p { width: 140px; color: white; font-weight: bold; font-size: 13px; line-height: 26px; background: black; padding-left: 10px; }
.battem-1 ul li a, .battem-2 ul li a, .battem-3 ul li a, .battem-4 ul li a, .battem-5 ul li a, .battem-6 ul li a { color: #979797; }
.battem-1 ul li, .battem-2 ul li, .battem-3 ul li, .battem-4 ul li, .battem-5 ul li, .battem-6 ul li { width: 140px; list-style: disc; list-style-position: inside; padding-left: 10px; line-height: 25px; color: #979797;font-size:13px; }
.battem-1 ul li:hover, .battem-1:hover p, .battem-2 ul li:hover, .battem-2:hover p, .battem-3 ul li:hover, .battem-3:hover p, .battem-4 ul li:hover, .battem-4:hover p, .battem-5 ul li:hover, .battem-5:hover p, .battem-6 ul li:hover, .battem-6:hover p { background: #676767; }
.batten-2 { height: 112px; min-width: 1000px; background: #313131; background: url(../img/hun_16.png) repeat-x; background-position: center; margin: auto; }
.batten-2 div { width: 1000px; height: 112px; margin: auto; }
.batten-3 { height: 80px; min-width: 1000px; background: #1F1F1F; }
.batten-3 div { width: 1000px; height: 80px; margin: auto; color: #7f7f7f; font-size: 13px; margin-top: 10px; line-height: 25px; position: relative; }
.batten-3 div p { position: absolute; top: 5px; }
.batten-4 { height: 110px; min-width: 1000px; background: #000; }
.batten-4 div { width: 1000px; height: 80px; margin: auto; color: white; position: relative; }
.batten-4 div p { position: absolute; left: -40px; }